<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="flappynumber/static/css/style.css">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="flappynumber/static/js/dat.gui.min.js" async></script>
  <script src="flappynumber/static/js/script.js" async></script>
</head>
<body>
  <div class="container">
    <ul class="flip firstDigit">
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">0</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">0</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">1</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">1</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">2</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">2</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">3</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">3</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">4</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">4</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">5</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">5</div>
          </div>
        </a>
      </li>
    </ul>
    <ul class="flip secondDigit">
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">0</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">0</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">1</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">1</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">2</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">2</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">3</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">3</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">4</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">4</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">5</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">5</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">6</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">6</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">7</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">7</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">8</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">8</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">9</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">9</div>
          </div>
        </a>
      </li>
    </ul>
    <ul class="flip thirdDigit">
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">0</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">0</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">1</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">1</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">2</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">2</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">3</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">3</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">4</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">4</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">5</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">5</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">6</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">6</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">7</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">7</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">8</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">8</div>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="up">
            <div class="shadow"></div>
            <div class="inn">9</div>
          </div>
          <div class="down">
            <div class="shadow"></div>
            <div class="inn">9</div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</body>
</html>